<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>开心Go</title>
    <meta name="keywords" content="商城" />
    <meta name="description" content="商城" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/amazeui.min.js"></script>
    <link rel="stylesheet" href="css/amazeui.min.css" type="text/css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <script src="./js/vue.js"></script>
    <link rel="stylesheet" href="./css/buttom_button.css">
    <link rel="stylesheet" href="css/sale.css" type="text/css" />
</head>

<header data-am-widget="header" class="am-header am-header-default s-header">
    <div class="am-header-left am-header-nav">
        <!-- 侧边栏内容 -->

    </div>
    <h1 class="am-header-title">
        品牌街
    </h1>
    <div class="am-header-right am-header-nav">
        <a href="../index.html" class=""> <i class="iconfont">&#xe601;</i> </a>
    </div>
</header>

<body>
    <div class="jl"></div>
    <script src="./js/vue.js"></script>
    <div data-am-widget="navbar" class="am-navbar  gm-foot am-no-layout" id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-5">
            <li class="curr">
                <a href="../index.html" class="curr">
                    <span class="iconfont icon-home"></span>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="search.html" class="">
                    <span class="iconfont icon-search"></span>
                    <p>搜索</p>
                </a>
            </li>
            <li>
                <a href="category.html" class="">
                    <span class="iconfont icon-kind"></span>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="shopcar.html" class="">
                    <span class="iconfont icon-car"></span>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="member.html" class="">
                    <span class="iconfont icon-mine"></span>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="spl">
        <ul>
            <template v-for="good in goodsList">
                <li v-if="good.SaleAmount>0">
                    <img v-bind:src="good.GoodsImage" alt="">
                    <p>{{good.Title}}</p>
                    <p><span>￥{{good.SaleAmount}}</span></p>
                </li>
            </template>
        </ul>
    </div>

    <script>
        var vm = new Vue({
            el: ".spl",
            data: {
                goodsList: [{
                    "Title": "【良品铺子-辣条味大礼包】麻辣小零食儿时大辣片休闲食品小吃",
                    "GoodsImage": "./images/latiao.PNG",
                    "SaleAmount": 25.8,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "【良品铺子-面筋卷120gx2袋】烤面筋网红辣条味零食小吃休闲食品",
                    "GoodsImage": "./images/mianjin.PNG",
                    "SaleAmount": 18.8,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "【良品铺子-牛肉粒98g】香辣牛肉干小包装零食风味小吃熟食满减",
                    "GoodsImage": "./images/niurouli.PNG",
                    "SaleAmount": 46.8,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "【良品铺子-肉松饼380gx2袋】传统糕点早餐食品零食美食小吃休闲食品",
                    "GoodsImage": "./images/rousongbing.PNG",
                    "SaleAmount": 28.8,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "【良品铺子-三明治鱼板烧120g】鱼豆腐小零食袋装休闲小吃",
                    "GoodsImage": "./images/yubanshao.PNG",
                    "SaleAmount": 32.9,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "【良品铺子-鱼饼虾仁92gx1袋】海鲜零食即食小吃虾仁",
                    "GoodsImage": "./images/yubingxiaren.PNG",
                    "SaleAmount": 29.9,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "【良品铺子-深海鱼肠108g】休闲食品儿童鱼肉肠即食海鲜零食",
                    "GoodsImage": "./images/yuchang.PNG",
                    "SaleAmount": 21.9,
                    // "OriginalPrice": 10,     
                }, {
                    "Title": "【良品铺子-章鱼丸62gx2袋】即食鱼丸零食章鱼丸子小吃休闲食品",
                    "GoodsImage": "./images/zhangyuwan.PNG",
                    "SaleAmount": 21.8,
                    // "OriginalPrice": 10,


                }]
            }

        })
    </script>

</body>

</html>